.table_view_header_outer {
   position: relative;

  .table_view_header {
    height: 40px;
    border-bottom: 1px solid #eee;
    background: #fff;
    display: flex;


    .header_label {
      flex: 1;
      font-size: 16px;
      color: #666;
      line-height: 40px;
      text-align: center;
      position: relative;
      &.header_label_active {
        color: #c82727;
      }
    }
  }


  .indicator_line {
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    .line {
       height: 100%;
       position: absolute;
       left: 0;
       top:0;
       transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;

       &:before {
         content: "";
         display: block;
         width: 40%;
         height: 100%;
         background: #c82727;
         margin: auto;
         border-radius: 2px;
       }
    }
  }


}

